<template>
  <div>
    <div class="questionnaire">
      <el-form :inline="true" :model="formInline" :rules="rules" class="demo-form-inline">
        <div class="clearfix questionnaire-header">
          <h3 class="fl questionnaire-h">位置：供应商管理--电子调查表</h3>
        </div>
        <div>
          <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="基本信息" name="first">
              <div class="l-right">
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="企业全称*：" prop="cmpFulName">
                        <el-input v-model="formInline.cmpFulName"></el-input>
                        <el-input style="display:none" v-model="formInline.productJsonStr"></el-input>
                        <el-input style="display:none" v-model="formInline.supplyHisJsonStr"></el-input>
                        <el-input style="display:none" v-model="formInline.vdExploreCapacityJsonStr"></el-input>
                        <el-input style="display:none" v-model="formInline.createEquimentJsonStr"></el-input>
                        <el-input style="display:none" v-model="formInline.checkEquimentJsonStr"></el-input>
                        <el-input style="display:none" v-model="formInline.cmpAptitudeJsonStr"></el-input>
                        <el-input style="display:none" v-model="formInline.proAptitudeJsonStr"></el-input>
                        <el-input style="display:none" v-model="formInline.staffJsonStr"></el-input>
                        <el-input style="display:none" v-model="formInline.patentJsonStr"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="企业类型*：" prop="attribute">
                        <el-select v-model="formInline.attribute" placeholder="请选择企业类型">
                          <el-option label="国有企业" value="0"></el-option>
                          <el-option label="欧美独资" value="1"></el-option>
                          <el-option label="港台独资" value="2"></el-option>
                          <el-option label="日韩独资" value="3"></el-option>
                          <el-option label="合资企业" value="4"></el-option>
                          <el-option label="民营企业" value="5"></el-option>
                          <el-option label="其他" value="6"></el-option>
                        </el-select>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="企业性质*：" prop="cmpNature">
                        <el-select v-model="formInline.cmpNature" placeholder="请选择类型">
                          <el-option label="生产加工" value="0"></el-option>
                          <el-option label="贸易代理" value="1"></el-option>
                          <el-option label="服务提供" value="2"></el-option>
                          <el-option label="物流仓储" value="3"></el-option>
                          <el-option label="工程基建" value="4"></el-option>
                        </el-select>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <div>
                  <el-row>
                    <el-col :span="8">
                      <div class="grid-content">
                        <el-form-item label="成立年份*：" prop="foundedYear">
                          <el-input v-model="formInline.foundedYear"></el-input>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :span="8">
                      <div class="grid-content">
                        <el-form-item label="注册资金(万元)*：" prop="registeredAssets">
                          <el-input v-model="formInline.registeredAssets"></el-input>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :span="8">
                      <div class="grid-content">
                        <el-form-item label="企业法人*：" prop="corporation">
                          <el-input v-model="formInline.corporation"></el-input>
                        </el-form-item>
                      </div>
                    </el-col>
                  </el-row>
                </div>
                <div>
                  <el-row>
                    <el-col :span="8">
                      <div class="grid-content">
                        <el-form-item label="注册地址*：" prop="name">
                          <el-input v-model="formInline.name"></el-input>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :span="8">
                      <div class="grid-content">
                        <el-form-item prop="addressDetail">
                          <el-input v-model="formInline.addressDetail" placeholder="详细地址"></el-input>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :span="8">
                      <div class="grid-content">
                        <el-form-item label="邮编*：" prop="postCode">
                          <el-input v-model="formInline.postCode"></el-input>
                        </el-form-item>
                      </div>
                    </el-col>
                  </el-row>
                </div>
                <div>
                  <el-row>
                    <el-col :span="8">
                      <div class="grid-content">
                        <el-form-item label="公司地址*：" prop="address">
                          <el-input v-model="formInline.address"></el-input>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :span="8">
                      <div class="grid-content">
                        <el-form-item label="供货区域*：" prop="supplyArea">
                          <el-select v-model="formInline.supplyArea" placeholder="请选择类型">
                            <el-option label="华南区" value="0"></el-option>
                            <el-option label="华北区" value="1"></el-option>
                          </el-select>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :span="8">
                      <div class="grid-content">
                        <el-form-item label="主供品类*：" prop="offeringCode">
                          <el-select v-model="formInline.offeringCode" placeholder="请选择类型">
                            <el-option label="原料" value="0"></el-option>
                            <el-option label="包材" value="1"></el-option>
                          </el-select>
                        </el-form-item>
                      </div>
                    </el-col>
                  </el-row>
                </div>
                <div>
                  <el-row>
                    <el-col :span="9">
                      <div class="grid-content">
                        <el-form-item label="厂房所有*：" prop="factoryType">
                          <el-radio-group v-model="formInline.factoryType">
                            <el-radio label="0">租赁</el-radio>
                            <el-radio label="1">自有</el-radio>
                            <el-radio label="2">租赁和自有均有</el-radio>
                          </el-radio-group>
                        </el-form-item>

                      </div>
                    </el-col>
                    <el-col :span="7">
                      <div class="grid-content">
                        <el-form-item label="厂房面积*：" prop="factoryArea">
                          <el-input v-model="formInline.factoryArea"></el-input>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :span="8">
                      <div class="grid-content">
                        <el-form-item label="建筑面积*：" prop="buildArea">
                          <el-input v-model="formInline.buildArea"></el-input>
                        </el-form-item>
                      </div>
                    </el-col>
                  </el-row>
                </div>
                <div class="line"></div>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="统一社会信用代码*：" prop="socialCreditCode">
                        <el-input v-model="formInline.socialCreditCode"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="扫描件上传*：" prop="socialCreditCodeFile">
                        <el-upload class="upload-demo" ref="upload" action="" :on-preview="handlePreview"
                          :on-remove="handleRemove" :file-list="fileList" :auto-upload="false">
                          <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
                          <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
                          <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
                        </el-upload>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="是否能出口*：" prop="formInline.exitFlag">
                        <el-radio-group v-model="formInline.exitFlag">
                          <el-radio label="0">否</el-radio>
                          <el-radio label="1">是</el-radio>
                        </el-radio-group>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="出口许可证*：" prop="name">
                        <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove"
                          :before-remove="beforeRemove" multiple :limit="1" :on-exceed="handleExceed" :file-list="fileList">
                          <el-button size="small" type="primary">点击上传</el-button>
                          <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
                        </el-upload>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="保密协议*：" prop="name">
                        <el-upload class="upload-demo" action="" :on-preview="handlePreview"
                          :on-remove="handleRemove" :before-remove="beforeRemove" multiple :limit="1" :on-exceed="handleExceed"
                          :file-list="fileList">
                          <el-button size="small" type="primary">点击上传</el-button>
                          <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
                        </el-upload>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <div class="line"></div>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="公司网站*：" prop="companySite">
                        <el-input v-model="formInline.companySite"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="公司电话*：" prop="tel">
                        <el-input v-model="formInline.tel"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="传真：" prop="faxNo">
                        <el-input v-model="formInline.faxNo"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="联系人*：" prop="linkman">
                        <el-input v-model="formInline.linkman"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="联系人手机*：" prop="mobilePhone">
                        <el-input v-model="formInline.mobilePhone"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="联系人邮箱*：" prop="email">
                        <el-input v-model="formInline.email"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="12">
                    <div class="grid-content">
                      <el-form-item label="是否有亲属在农夫山泉集团*：" :label-width="formLabelWidth" prop="relativeState">
                        <el-radio-group v-model="formInline.relativeState">
                          <el-radio label="1">是</el-radio>
                          <el-radio label="0">否</el-radio>
                        </el-radio-group>

                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="12">
                    <div class="grid-content">
                      <el-form-item label="是否与农夫山泉集团是竞争关系*：" :label-width="formLabelWidth" prop="competeState">
                        <el-radio-group v-model="formInline.competeState">
                          <el-radio label="1">是</el-radio>
                          <el-radio label="0">否</el-radio>
                        </el-radio-group>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
              </div>
            </el-tab-pane>

            <el-tab-pane label="财务信息" name="second">资产信息
              <div class="l-right">
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*开户行：" prop="bankName">
                        <el-input v-model="formInline.bankName"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*银行代码：" prop="bankCode">
                        <el-input v-model="formInline.bankCode"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*银行账户：" prop="bankAccount">
                        <el-input v-model="formInline.bankAccount"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*银行户主：" prop="bankAccountOwner">
                        <el-input v-model="formInline.bankAccountOwner"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*开户行证明：" prop="bankFile">
                        <el-upload class="upload-demo" ref="upload" action="" :before-upload="beforeUpload" :on-preview="handlePreview" :on-remove="handleRemove"
                          :before-remove="beforeRemove" :file-list="fileList" :auto-upload="false">
                          <el-button size="small" type="primary">点击上传</el-button>
                          <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
                        </el-upload>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*固定资产：" prop="assets">
                        <el-input v-model="formInline.assets"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*流动资金(万元)：" prop="cashFlow">
                        <el-input v-model="formInline.cashFlow"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*增值税发票税种：" prop="taxCategories">
                        <el-select v-model="formInline.taxCategories" placeholder="请选择类型">
                          <el-option label="华南区" value="0"></el-option>
                          <el-option label="华北区" value="1"></el-option>
                        </el-select>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*发票最大额度(万元)：" prop="invoiceQuota">
                        <el-input v-model="formInline.invoiceQuota"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*资产负债表：" prop="name">
                        <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove"
                          :before-remove="beforeRemove" multiple :limit="1" :on-exceed="handleExceed" :file-list="fileList">
                          <el-button size="small" type="primary">点击上传</el-button>
                          <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
                        </el-upload>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*利润表：" prop="name">
                        <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove"
                          :before-remove="beforeRemove" multiple :limit="1" :on-exceed="handleExceed" :file-list="fileList">
                          <el-button size="small" type="primary">点击上传</el-button>
                          <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
                        </el-upload>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*现金流量表：" prop="name">
                        <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove"
                          :before-remove="beforeRemove" multiple :limit="1" :on-exceed="handleExceed" :file-list="fileList">
                          <el-button size="small" type="primary">点击上传</el-button>
                          <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
                        </el-upload>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
              </div>
              <div class="line"></div>
              <h3>近三年财务状况</h3>
              <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                <tr>
                  <th>年度</th>
                  <th>资产总额</th>
                  <th>净资产</th>
                  <th>销售收入</th>
                  <th>利润率</th>
                  <th>经营性现金净流入</th>
                </tr>
                <tr>
                  <td>2017年</td>
                  <td>
                    <el-input v-model="formInline.year1AssetsAmt"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.year1NetAssets"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.year1SaleAmt"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.year1ProfitRate"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.year1CashInflow"></el-input>
                  </td>
                </tr>
                <tr>
                  <td>2016年</td>
                  <td>
                    <el-input v-model="formInline.year2AssetsAmt"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.year2NetAssets"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.year2SaleAmt"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.year2ProfitRate"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.year2CashInflow"></el-input>
                  </td>
                </tr>
                <tr>
                  <td>2015年</td>
                  <td>
                    <el-input v-model="formInline.year3AssetsAmt"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.year3NetAssets"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.year3SaleAmt"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.year3ProfitRate"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.year3CashInflow"></el-input>
                  </td>
                </tr>
              </table>

            </el-tab-pane>
            <el-tab-pane label="人员情况" name="third">
              <h3>人员情况</h3>
              <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                <tr>
                  <th>职务</th>
                  <th>姓名</th>
                  <th>邮箱</th>
                  <th>联系电话</th>
                </tr>
                <tr>
                  <td>*总经理</td>
                  <td>
                    <el-input style="display:none" v-model="formInline.positionSerialNo"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount1"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount2"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount3"></el-input>
                  </td>
                </tr>
                <tr>
                  <td>*销售负责人</td>
                  <td>
                    <el-input style="display:none" v-model="formInline.positionSerialNo"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount4"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount5"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount6"></el-input>
                  </td>
                </tr>
                <tr>
                  <td>*质量负责人</td>
                  <td>
                    <el-input style="display:none" v-model="formInline.positionSerialNo"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount7"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount8"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount9"></el-input>
                  </td>
                </tr>
                <tr>
                  <td>技术负责人</td>
                  <td>
                    <el-input style="display:none" v-model="formInline.positionSerialNo"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount10"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount11"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount12"></el-input>
                  </td>
                </tr>
                <tr>
                  <td>采购负责人</td>
                  <td>
                    <el-input style="display:none" v-model="formInline.positionSerialNo"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount14"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount14"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount15"></el-input>
                  </td>
                </tr>
                <tr>
                  <td>生产负责人</td>
                  <td>
                    <el-input style="display:none" v-model="formInline.staffAmount16"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount17"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount14"></el-input>
                  </td>
                  <td>
                    <el-input v-model="formInline.staffAmount18"></el-input>
                  </td>
                </tr>
              </table>
              <div class="line"></div>
              <h3>员工情况</h3>
              <div class="l-right">
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="员工总人数*：" prop="staffAmount">
                        <el-input v-model="formInline.staffAmount"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="本科以上人数*：" prop="undergraduateAmount">
                        <el-input v-model="formInline.undergraduateAmount"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="大专以上人数*：" prop="colledgeAmount">
                        <el-input v-model="formInline.colledgeAmount"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="管理人员*：" prop="managementAmount">
                        <el-input v-model="formInline.managementAmount"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="工程技术人员*：" prop="technicanAmount">
                        <el-input v-model="formInline.technicanAmount"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="质量人员*：" prop="qualiticanAmont">
                        <el-input v-model="formInline.qualiticanAmont"></el-input>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
              </div>
            </el-tab-pane>

            <el-tab-pane label="产品情况" name="fourth">
              <div style="margin-bottom:20px">
                <h3>*新增</h3>
                <el-button type="text" @click="dialogFormVisible = true">新增</el-button>
                <el-table :data="dataTable" border style="width: 100%;" max-height="250">
                  <el-table-column label="操作" width="60">
                    <template slot-scope="scope">
                      <el-button @click.native.prevent="deleteRow(scope.$index, dataTable)" type="text" size="small">
                        删除
                      </el-button>
                    </template>
                  </el-table-column>
                  <el-table-column prop="product" label="产品名称">
                  </el-table-column>
                  <el-table-column prop="tecPara" label="产品主要技术参数">
                  </el-table-column>
                  <el-table-column prop="productNotes" label="产品介绍">
                  </el-table-column>
                  <el-table-column label="图片">
                  </el-table-column>
                  <el-table-column prop="countMoney" label="年平均销售额(万元)" width="150">
                  </el-table-column>
                  <el-table-column prop="dailySupply" label="天供货能力">
                  </el-table-column>
                  <el-table-column prop="yearlySupply" label="年供货能力">
                  </el-table-column>
                  <el-table-column prop="qualityRate" label="产品一次性合格率">
                  </el-table-column>
                </el-table>

                <el-dialog title="新增" :visible.sync="dialogFormVisible">
                  <el-form :model="form">
                    <el-form-item label="产品名称：" :label-width="formLabelWidth">
                      <el-input v-model="form.product" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="年平均销售额（万元）：" :label-width="formLabelWidth">
                      <el-input v-model="form.countMoney" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="天供货能力：" :label-width="formLabelWidth">
                      <el-input v-model="form.dailySupply" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="产品一次性合格率：" :label-width="formLabelWidth">
                      <el-input v-model="form.qualityRate" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="年供货能力：" :label-width="formLabelWidth">
                      <el-input v-model="form.yearlySupply" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="图片：" :label-width="formLabelWidth">
                      <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove"
                        :before-remove="beforeRemove" multiple :limit="1" :on-exceed="handleExceed" :file-list="fileList">
                        <el-button size="small" type="primary">点击上传</el-button>
                        <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
                      </el-upload>
                    </el-form-item>
                    <el-form-item label="产品介绍：" :label-width="formLabelWidth">
                      <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容" v-model="form.productNotes">
                      </el-input>
                    </el-form-item>
                    <el-form-item label="产品主要技术参数：" :label-width="formLabelWidth">
                      <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容" v-model="form.tecPara">
                      </el-input>
                    </el-form-item>
                  </el-form>
                  <div slot="footer" class="dialog-footer">
                    <el-button @click="dialogFormVisible = false">取 消</el-button>
                    <el-button type="primary" @click="add">确 定</el-button>
                  </div>
                </el-dialog>
              </div>
              <div style="margin-bottom:20px">
                <h3>专利</h3>
                <el-button type="text" @click="dialogFormVisible1 = true">新增</el-button> &nbsp;&nbsp;&nbsp;说明：专利为非必填项
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th style="display:none"></th>
                    <th>操作</th>
                    <th>专利名称</th>
                    <th>专利编号</th>
                    <th>附件</th>
                  </tr>
                  <tr v-for="(item,index1) in dataTable1">
                    <td style="display:none">{{index1}}</td>
                    <td>
                      <el-button type="danger" @click="del1(index1)">删除</el-button>
                    </td>
                    <td>{{item.patentName}}</td>
                    <td>{{item.patentCode}}</td>
                    <td>图片</td>
                  </tr>
                </table>
                <el-dialog title="新增" :visible.sync="dialogFormVisible1">
                  <el-form :model="form">
                    <el-form-item label="专利名称：" :label-width="formLabelWidth">
                      <el-input v-model="form.patentName" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="专利编号：" :label-width="formLabelWidth">
                      <el-input v-model="form.patentCode" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="专利文件：" :label-width="formLabelWidth">
                      <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove"
                        :before-remove="beforeRemove" multiple :limit="1" :on-exceed="handleExceed" :file-list="fileList">
                        <el-button size="small" type="primary">点击上传</el-button>
                        <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
                      </el-upload>
                    </el-form-item>
                  </el-form>

                  <div slot="footer" class="dialog-footer">
                    <el-button @click="dialogFormVisible1 = false">取 消</el-button>
                    <el-button type="primary" @click="add1">确 定</el-button>
                  </div>
                </el-dialog>
              </div>
            </el-tab-pane>

            <el-tab-pane label="开发能力" name="fifth">
              <div style="margin-bottom:20px">
                <el-button type="text" @click="dialogFormVisible2 = true">新增</el-button> &nbsp;&nbsp;&nbsp;说明：开发能力为非必填项
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th style="display:none"></th>
                    <th>操作</th>
                    <th>同步开发产品名称</th>
                    <th>设计开发周期</th>
                    <th>开发费用</th>
                    <th>备注（开发实绩及大体情况）</th>
                  </tr>
                  <tr v-for="(item,index2) in dataTable2">
                    <td style="display:none">{{index2}}</td>
                    <td>
                      <el-button type="danger" @click="del2(index2)">删除</el-button>
                    </td>
                    <td>{{item.partsName}}</td>
                    <td>{{item.designCycle}}</td>
                    <td>{{item.designCost}}</td>
                    <td>{{item.notes}}</td>

                  </tr>
                </table>
                <el-dialog title="新增" :visible.sync="dialogFormVisible2">
                  <el-form :model="form">
                    <el-form-item label="同步开发产品名称：" :label-width="formLabelWidth">
                      <el-input v-model="form.partsName" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="设计开发周期：" :label-width="formLabelWidth">
                      <el-input v-model="form.designCycle" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="开发费用：" :label-width="formLabelWidth">
                      <el-input v-model="form.designCost" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="备注：" :label-width="formLabelWidth">
                      <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容" v-model="form.notes">
                      </el-input>
                    </el-form-item>

                  </el-form>

                  <div slot="footer" class="dialog-footer">
                    <el-button @click="dialogFormVisible2 = false">取 消</el-button>
                    <el-button type="primary" @click="add2">确 定</el-button>
                  </div>
                </el-dialog>
              </div>
            </el-tab-pane>

            <el-tab-pane label="业绩客户" name="sixth">业绩客户
              <div style="margin-bottom:20px">
                <el-button type="text" @click="dialogFormVisible3 = true">新增</el-button>
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th>操作</th>
                    <th>产品名称</th>
                    <th>客户名称</th>
                    <th>供货年份</th>
                    <th>供货金额（万元）</th>
                    <th>占该客户比例</th>
                    <th>备注</th>
                  </tr>
                  <tr v-for="(item,index3) in dataTable3">
                    <td>
                      <el-button type="danger" @click="del3(index3)">删除</el-button>
                    </td>
                    <td>{{item.productName}}</td>
                    <td>{{item.customerName}}</td>
                    <td>{{item.supplyPeriod}}</td>
                    <td>{{item.supplyMoney}}</td>
                    <td>{{item.supplyRatio}}</td>
                    <td>{{item.remarks}}</td>

                  </tr>
                </table>
                <el-dialog title="新增" :visible.sync="dialogFormVisible3">
                  <el-form :model="form">
                    <el-form-item label="产品名称：" :label-width="formLabelWidth">
                      <el-input v-model="form.productName" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="客户名称：" :label-width="formLabelWidth">
                      <el-input v-model="form.customerName" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="供货年份：" :label-width="formLabelWidth">
                      <el-input v-model="form.supplyPeriod" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="供货金额（万元）：" :label-width="formLabelWidth">
                      <el-input v-model="form.supplyMoney" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="占该客户比例：" :label-width="formLabelWidth">
                      <el-input v-model="form.supplyRatio" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="备注：" :label-width="formLabelWidth">
                      <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容" v-model="form.remarks">
                      </el-input>
                    </el-form-item>
                  </el-form>
                  <div slot="footer" class="dialog-footer">
                    <el-button @click="dialogFormVisible3 = false">取 消</el-button>
                    <el-button type="primary" @click="add3">确 定</el-button>
                  </div>
                </el-dialog>
              </div>
            </el-tab-pane>

            <el-tab-pane label="生产检测设备" name="seventh">生产检测设备
              <div style="margin-bottom:20px">
                <el-button type="text" @click="dialogFormVisible4 = true">新增</el-button>
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th>操作</th>
                    <th>主要生产设备名称</th>
                    <th>规格</th>
                    <th>数量</th>
                    <th>产地</th>
                    <th>购买时间</th>
                    <th>生产哪类产品</th>
                    <th>产能(日)</th>
                    <th>备注</th>
                  </tr>
                  <tr v-for="(item,index4) in dataTable4">
                    <td>
                      <el-button type="danger" @click="del4(index4)">删除</el-button>
                    </td>
                    <td>{{item.equimentName}}</td>
                    <td>{{item.spec}}</td>
                    <td>{{item.count}}</td>
                    <td>{{item.origin}}</td>
                    <td>{{item.buyDate}}</td>
                    <td>{{item.useTarget}}</td>
                    <td>{{item.capacitydaily}}</td>
                    <td>{{item.remarks}}</td>
                  </tr>
                </table>
                <el-dialog title="新增" :visible.sync="dialogFormVisible4">
                  <el-form :model="form">
                    <el-form-item label="主要生产设备名称：" :label-width="formLabelWidth">
                      <el-input v-model="form.equimentName" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="规格：" :label-width="formLabelWidth">
                      <el-input v-model="form.spec" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="数量：" :label-width="formLabelWidth">
                      <el-input v-model="form.count" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="产地：" :label-width="formLabelWidth">
                      <el-input v-model="form.origin" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="购买时间：" :label-width="formLabelWidth">
                      <el-input v-model="form.buyDate" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="生产哪类产品：" :label-width="formLabelWidth">
                      <el-input v-model="form.useTarget" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="产能(日)：" :label-width="formLabelWidth">
                      <el-input v-model="form.capacitydaily" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="备注：" :label-width="formLabelWidth">
                      <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容" v-model="form.remarks">
                      </el-input>
                    </el-form-item>
                  </el-form>
                  <div slot="footer" class="dialog-footer">
                    <el-button @click="dialogFormVisible4 = false">取 消</el-button>
                    <el-button type="primary" @click="add4">确 定</el-button>
                  </div>
                </el-dialog>
              </div>
              <div style="margin-bottom:20px">
                <h3>检测设备</h3>
                <el-button type="text" @click="dialogFormVisible5 = true">新增</el-button>
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th>操作</th>
                    <th>设备（仪器）名称</th>
                    <th>规格</th>
                    <th>数量</th>
                    <th>产地</th>
                    <th>购买时间</th>
                    <th>生产哪类产品</th>
                    <th>备注</th>
                  </tr>
                  <tr v-for="(item,index5) in dataTable5">
                    <td>
                      <el-button type="danger" @click="del5(index5)">删除</el-button>
                    </td>
                    <td>{{item.equimentName}}</td>
                    <td>{{item.spec}}</td>
                    <td>{{item.count}}</td>
                    <td>{{item.origin}}</td>
                    <td>{{item.buyDate}}</td>
                    <td>{{item.useTarget}}</td>
                    <td>{{item.remarks}}</td>
                  </tr>
                </table>
                <el-dialog title="新增" :visible.sync="dialogFormVisible5">
                  <el-form :model="form">
                    <el-form-item label="设备（仪器）名称：" :label-width="formLabelWidth">
                      <el-input v-model="form.equimentName" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="规格：" :label-width="formLabelWidth">
                      <el-input v-model="form.spec" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="数量：" :label-width="formLabelWidth">
                      <el-input v-model="form.count" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="产地：" :label-width="formLabelWidth">
                      <el-input v-model="form.origin" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="购买时间：" :label-width="formLabelWidth">
                      <el-input v-model="form.buyDate" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="检测项目：" :label-width="formLabelWidth">
                      <el-input v-model="form.useTarget" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="备注：" :label-width="formLabelWidth">
                      <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容" v-model="form.remarks">
                      </el-input>
                    </el-form-item>
                  </el-form>
                  <div slot="footer" class="dialog-footer">
                    <el-button @click="dialogFormVisible5 = false">取 消</el-button>
                    <el-button type="primary" @click="add5">确 定</el-button>
                  </div>
                </el-dialog>
              </div>
            </el-tab-pane>

            <el-tab-pane label="生产环境情况" name="eighth">生产环境情况</el-tab-pane>
            <el-tab-pane label="资质附件" name="ninth">企业资质
              <div style="margin-bottom:20px">
                <el-button type="text" @click="dialogFormVisible6 = true">新增</el-button>
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th>操作</th>
                    <th>资质名称(*)</th>
                    <th>资质编号(*)</th>
                    <th>颁发机构</th>
                    <th>认证日期(*)</th>
                    <th>失效日期(*)</th>
                    <th>附件(*)</th>
                    <th>备注</th>
                  </tr>
                  <tr v-for="(item,index6) in dataTable6">
                    <td>
                      <el-button type="danger" @click="del6(index6)">删除</el-button>
                    </td>
                    <td>{{item.aptitudesName}}</td>
                    <td>{{item.aptitudesNo}}</td>
                    <td>{{item.issueOrg}}</td>
                    <td>{{item.beginDate}}</td>
                    <td>{{item.endDate}}</td>
                    <td></td>
                    <td>{{item.notes}}</td>
                  </tr>
                </table>
                <el-dialog title="新增" :visible.sync="dialogFormVisible6">
                  <el-form :model="form">
                    <el-form-item label="资质名称(*)：" :label-width="formLabelWidth">
                      <el-input v-model="form.aptitudesName" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="资质编号(*)：" :label-width="formLabelWidth">
                      <el-input v-model="form.aptitudesNo" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="颁发机构：" :label-width="formLabelWidth">
                      <el-input v-model="form.issueOrg" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="认证日期(*)：" :label-width="formLabelWidth">
                      <el-input v-model="form.beginDate" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="失效日期(*)：" :label-width="formLabelWidth">
                      <el-input v-model="form.endDate" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="附件(*)：" :label-width="formLabelWidth">
                      <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove"
                        :before-remove="beforeRemove" multiple :limit="1" :on-exceed="handleExceed" :file-list="fileList">
                        <el-button size="small" type="primary">点击上传</el-button>
                        <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
                      </el-upload>
                    </el-form-item>
                    <el-form-item label="备注：" :label-width="formLabelWidth">
                      <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容" v-model="form.notes">
                      </el-input>
                    </el-form-item>
                  </el-form>
                  <div slot="footer" class="dialog-footer">
                    <el-button @click="dialogFormVisible6 = false">取 消</el-button>
                    <el-button type="primary" @click="add6">确 定</el-button>
                  </div>
                </el-dialog>
              </div>
              <div style="margin-bottom:20px">
                <h3>产品资质</h3>
                <el-button type="text" @click="dialogFormVisible7 = true">新增</el-button>
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th>操作</th>
                    <th>产品名称</th>
                    <th>资质名称(*)</th>
                    <th>资质编号(*)</th>
                    <th>颁发机构</th>
                    <th>认证日期(*)</th>
                    <th>失效日期(*)</th>
                    <th>附件(*)</th>
                    <th>备注</th>
                  </tr>
                  <tr v-for="(item,index7) in dataTable7">
                    <td>
                      <el-button type="danger" @click="del7(index7)">删除</el-button>
                    </td>
                    <td>{{item.productName}}</td>
                    <td>{{item.aptitudesName}}</td>
                    <td>{{item.aptitudesNo}}</td>
                    <td>{{item.issueOrg}}</td>
                    <td>{{item.beginDate}}</td>
                    <td>{{item.endDate}}</td>
                    <td></td>
                    <td>{{item.notes}}</td>
                  </tr>
                </table>
                <el-dialog title="新增" :visible.sync="dialogFormVisible7">
                  <el-form :model="form7">
                    <el-form-item label="产品名称：" :label-width="formLabelWidth">
                      <el-input v-model="form.productName" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="资质名称(*)：" :label-width="formLabelWidth">
                      <el-input v-model="form.aptitudesName" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="资质编号(*)：" :label-width="formLabelWidth">
                      <el-input v-model="form.aptitudesNo" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="颁发机构：" :label-width="formLabelWidth">
                      <el-input v-model="form.issueOrg" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="认证日期(*)：" :label-width="formLabelWidth">
                      <el-input v-model="form.beginDate" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="失效日期(*)：" :label-width="formLabelWidth">
                      <el-input v-model="form.endDate" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="附件(*)：" :label-width="formLabelWidth">
                      <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove"
                        :before-remove="beforeRemove" multiple :limit="1" :on-exceed="handleExceed" :file-list="fileList">
                        <el-button size="small" type="primary">点击上传</el-button>
                        <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
                      </el-upload>
                    </el-form-item>
                    <el-form-item label="备注：" :label-width="formLabelWidth">
                      <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容" v-model="form.notes">
                      </el-input>
                    </el-form-item>
                  </el-form>
                  <div slot="footer" class="dialog-footer">
                    <el-button @click="dialogFormVisible7 = false">取 消</el-button>
                    <el-button type="primary" @click="add7">确 定</el-button>
                  </div>
                </el-dialog>
              </div>
            </el-tab-pane>

            <el-tab-pane label="车辆资源" name="eight">车辆资源
              <div style="margin-bottom:20px">
                <el-button type="text" @click="dialogFormVisible8 = true">新增</el-button>
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th>操作</th>
                    <th>自有车车牌号</th>
                    <th>车辆登记证号</th>
                    <th>行驶证号</th>
                    <th>附件</th>
                  </tr>
                  <tr v-for="(item,index8) in dataTable8">
                    <td>
                      <el-button type="danger" @click="del8(index8)">删除</el-button>
                    </td>
                    <td>{{item.productName}}</td>
                    <td>{{item.customerName}}</td>
                    <td>{{item.supplyPeriod}}</td>
                    <td>{{item.supplyMoney}}</td>
                  </tr>
                </table>
                <el-dialog title="新增" :visible.sync="dialogFormVisible8">
                  <el-form :model="form">
                    <el-form-item label="自有车车牌号：" :label-width="formLabelWidth">
                      <el-input v-model="form.productName" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="车辆登记证号：" :label-width="formLabelWidth">
                      <el-input v-model="form.customerName" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="行驶证号：" :label-width="formLabelWidth">
                      <el-input v-model="form.supplyPeriod" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="附件：" :label-width="formLabelWidth">
                      <el-input v-model="form.supplyMoney" auto-complete="off"></el-input>
                    </el-form-item>
                  </el-form>
                  <div slot="footer" class="dialog-footer">
                    <el-button @click="dialogFormVisible8 = false">取 消</el-button>
                    <el-button type="primary" @click="add8">确 定</el-button>
                  </div>
                </el-dialog>
              </div>
            </el-tab-pane>
          </el-tabs>
        </div>
        <div class="fr">
          <el-button type="primary" @click="submitForm(formInline,dataTable,dataTable1,dataTable2,dataTable3,dataTable4,dataTable5,dataTable6,dataTable7)">提交</el-button>
          <el-button type="primary" @click="saveForm(formInline,dataTable,dataTable1,dataTable2,dataTable3,dataTable4,dataTable5,dataTable6,dataTable7)">暂存</el-button>
          <el-button type="primary" @click="submitForm(formInline)">退出</el-button>
        </div>
      </el-form>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        rules: {
          cmpFulName: [{
              required: true,
              message: '请输入企业全称',
              trigger: 'blur'
            },
            {
              min: 1,
              max: 75,
              message: '长度在 1 到 75 个字符',
              trigger: 'blur'
            }
          ],
          attribute: [{
            required: true,
            message: '请选择企业类型',
            trigger: 'change'
          }],
          cmpNature: [{
            required: true,
            message: '请选择企业性质',
            trigger: 'change'
          }],
          socialCreditCode: [{
              required: true,
              message: '请输入统一社会信用代码',
              trigger: 'blur'
            },
            {
              min: 18,
              max: 18,
              message: '长度必须为18位字符',
              trigger: 'blur'
            }
          ]
        },
        fileList: [],
        activeName: 'first',
        radio: '1',
        nowIndex: -100,
        form: {
          tecPara: '',
          dailySupply: '',
          countMoney: '',
          productNotes: '',
          yearlySupply: '',
          qualityRate: '',
          product: ''
        },
        form1: {
          qualityRate: '',
          product: ''
        },
        form2: {
          model: '',
          designCycle: '',
          designCost: '',
          notes: '',
        },
        form3: {
          productName: '',
          supplyPeriod: '',
          customerName: '',
          supplyMoney: '',
          supplyRatio: '',
          remarks: ''
        },
        form4: {
          equimentName: '',
          spec: '',
          origin: '',
          count: '',
          buyDate: '',
          usage: '',
          capacitydaily: '',
          notes: ''
        },
        form5: {
          equimentName: '',
          spec: '',
          origin: '',
          count: '',
          buyDate: '',
          usage: '',
          notes: ''
        },
        form6: {
          aptitudesName: '',
          aptitudesNo: '',
          issueOrg: '',
          beginDate: '',
          endDate: '',
          remarks: ''
        },

        form7: {
          aptitudesName: '',
          aptitudesNo: '',
          issueOrg: '',
          beginDate: '',
          endDate: '',
          remarks: ''
        },
        dataTable: [],
        dataTable1: [],
        dataTable2: [],
        dataTable3: [],
        dataTable4: [],
        dataTable5: [],
        dataTable6: [],
        dataTable7: [],
        dialogFormVisible: false,
        dialogFormVisible1: false,
        dialogFormVisible2: false,
        dialogFormVisible3: false,
        dialogFormVisible4: false,
        dialogFormVisible5: false,
        dialogFormVisible6: false,
        dialogFormVisible7: false,
        formLabelWidth: '166px',
        uploadForm: new FormData(),
        formInline: {
          cmpFulName: '',
          attribute: '',
          cmpNature: '',
          foundedYear: '',
          registeredAssets: '',
          corporation: '',
          addressDetail: '',
          postCode: '',
          address: '',
          offeringCode: '',
          factoryType: '',
          factoryArea: '',
          buildArea: '',
          socialCreditCode: '',
          companySite: '',
          tel: '',
          faxNo: '',
          linkman: '',
          mobilePhone: '',
          email: '',
          bankName: '',
          bankCode: '',
          bankAccount: '',
          bankAccountOwner: '',
          assets: '',
          cashFlow: '',
          taxCategories: '',
          invoiceQuota: '',
          relativeState: '',
          competeState: '',
          supplyArea: '',
          exitFlag: '',
          productJsonStr: '',
          supplyHisJsonStr: '',
          createEquimentJsonStr: '',
          checkEquimentJsonStr: '',
          cmpAptitudeJsonStr: '',
          proAptitudeJsonStr: '',
          staffJsonStr: '',
          vdExploreCapacityJsonStr: '',
          year1AssetsAmt: '',
          year2AssetsAmt: '',
          year3AssetsAmt: '',
          year1NetAssets: '',
          year2NetAssets: '',
          year3NetAssets: '',
          year1ProfitRate: '',
          year2ProfitRate: '',
          year3ProfitRate: '',
          year1CashInflow: '',
          year2CashInflow: '',
          year3CashInflow: '',
          year1SaleAmt: '',
          year2SaleAmt: '',
          year3SaleAmt: ''
        }
      }
    },

    methods: {
      submitUpload() {
        this.$refs.upload.submit();
      },
      handleClick(tab, event) {
        console.log(tab, event);
      },
      add() {
        this.dataTable.push({
          tecPara: this.form.tecPara,
          dailySupply: this.form.dailySupply,
          countMoney: this.form.countMoney,
          productNotes: this.form.productNotes,
          yearlySupply: this.form.yearlySupply,
          qualityRate: this.form.qualityRate,
          product: this.form.product
        })
        this.form.tecPara = '',
          this.form.dailySupply = '',
          this.form.countMoney = '',
          this.form.productNotes = '',
          this.form.yearlySupply = '',
          this.form.qualityRate = '',
          this.form.product = '',
          this.dialogFormVisible = false
      },
      add1() {
        this.dataTable1.push({
          patentName: this.form.patentName,
          patentCode: this.form.patentCode
        })
        console.log(this.dataTable1)
        this.form1.patentName = '',
          this.form1.patentCode = '',
          this.dialogFormVisible1 = false
      },
      add2() {
        this.dataTable2.push({
          partsName: this.form.partsName,
          designCycle: this.form.designCycle,
          designCost: this.form.designCost,
          notes: this.form.notes

        })
        this.form.partsName = '',
          this.form.designCycle = '',
          this.form.designCost = '',
          this.form.notes = '',
          this.dialogFormVisible2 = false
      },
      add3() {
        this.dataTable3.push({
          productName: this.form.productName,
          supplyPeriod: this.form.supplyPeriod,
          customerName: this.form.customerName,
          supplyMoney: this.form.supplyMoney,
          supplyRatio: this.form.supplyRatio,
          remarks: this.form.remarks
        })
        console.log(this.dataTable3)
        this.form.productName = '',
          this.form.supplyPeriod = '',
          this.form.customerName = '',
          this.form.supplyMoney = '',
          this.form.supplyRatio = '',
          this.form.remarks = '',
          this.dialogFormVisible3 = false
      },
      add4() {
        this.dataTable4.push({
          usageType: '1',
          equimentName: this.form.equimentName,
          spec: this.form.spec,
          origin: this.form.origin,
          count: this.form.count,
          buyDate: this.form.buyDate,
          useTarget: this.form.useTarget,
          remarks: this.form.remarks,
          capacitydaily: this.form.capacitydaily
        })
        console.log(this.dataTable4)
        this.form.equimentName = '',
          this.form.spec = '',
          this.form.origin = '',
          this.form.count = '',
          this.form.buyDate = '',
          this.form.useTarget = '',
          this.form.remarks = '',
          this.form.capacitydaily = '',
          this.form.usageType = '1';
        this.dialogFormVisible4 = false
      },
      add5() {
        this.dataTable5.push({
          usageType: 0,
          equimentName: this.form.equimentName,
          spec: this.form.spec,
          origin: this.form.origin,
          count: this.form.count,
          buyDate: this.form.buyDate,
          useTarget: this.form.useTarget,
          remarks: this.form.remarks
        })
        console.log(this.dataTable5)
        this.form.equimentName = '',
          this.form.spec = '',
          this.form.origin = '',
          this.form.count = '',
          this.form.buyDate = '',
          this.form.useTarget = '',
          this.form.remarks = '',
          this.form.usageType = '0';
        this.dialogFormVisible5 = false
      },
      add6() {
        this.dataTable6.push({
          aptitudesType: this.form.aptitudesType,
          aptitudesName: this.form.aptitudesName,
          aptitudesNo: this.form.aptitudesNo,
          issueOrg: this.form.issueOrg,
          beginDate: this.form.beginDate,
          endDate: this.form.endDate,
          notes: this.form.notes
        })
        console.log(this.dataTable6)
        this.form.aptitudesName = '',
          this.form.aptitudesNo = '',
          this.form.issueOrg = '',
          this.form.beginDate = '',
          this.form.endDate = '',
          this.form.notes = '',
          this.form.aptitudesType = 1,
          this.dialogFormVisible6 = false
      },
      add7() {
        this.dataTable7.push({
          aptitudesType: this.form.aptitudesType,
          aptitudesName: this.form.aptitudesName,
          aptitudesNo: this.form.aptitudesNo,
          issueOrg: this.form.issueOrg,
          beginDate: this.form.beginDate,
          endDate: this.form.endDate,
          notes: this.form.notes,
          productName: this.form.productName
        })
        console.log(this.dataTable7)
        this.form.aptitudesName = '',
          this.form.aptitudesNo = '',
          this.form.issueOrg = '',
          this.form.beginDate = '',
          this.form.endDate = '',
          this.form.remarks = '',
          this.form.productName = '',
          this.form.aptitudesType = 2,
          this.dialogFormVisible7 = false
      },
      deleteRow(index, rows) {
        rows.splice(index, 1);
      },
      del(index) {
        this.dataTable.splice(index, 1)
      },
      del1(index1) {
        this.dataTable1.splice(index1, 1)
      },
      del2(index2) {
        this.dataTable2.splice(index2, 1)
      },
      del3(index3) {
        this.dataTable3.splice(index3, 1)
      },
      del4(index4) {
        this.dataTable4.splice(index4, 1)
      },
      del5(index5) {
        this.dataTable5.splice(index5, 1)
      },
      del6(index6) {
        this.dataTable6.splice(index6, 1)
      },
      del7(index7) {
        this.dataTable7.splice(index7, 1)
      },
      submitForm(formName, dataTable, dataTable1, dataTable2, dataTable3, dataTable4, dataTable5, dataTable6,
        dataTable7) {
        debugger;
        let product = JSON.stringify(dataTable);
        let patent = JSON.stringify(dataTable1);
        let vdExploreCapacity = JSON.stringify(dataTable2);
        let supplyHis = JSON.stringify(dataTable3);
        let createEquiment = JSON.stringify(dataTable4);
        let checkEquiment = JSON.stringify(dataTable5);
        let cmpAptitude = JSON.stringify(dataTable6);
        let proAptitude = JSON.stringify(dataTable7);
        formName.productJsonStr = product;
        formName.vdExploreCapacityJsonStr = vdExploreCapacity;
        formName.supplyHisJsonStr = supplyHis;
        formName.createEquimentJsonStr = createEquiment;
        formName.checkEquimentJsonStr = checkEquiment;
        formName.cmpAptitudeJsonStr = cmpAptitude;
        formName.proAptitudeJsonStr = proAptitude;
        formName.patentJsonStr = patent;
        // this.$refs.upload.submit()
        // this.axios.post(this.lib.config.host.vendorMgt + '/vendormgt/regist/questionary/uploadBankFile',this.uploadForm)
        //   .then((response) => {
        //       debugger;
        //       formName.bankFileUrl = response.data.resultMap.bankFileUrl;
        //       formName.bankFileName = response.data.resultMap.bankFileName;
        //       this.axios.post(this.lib.config.host.vendorMgt + '/vendormgt/regist/questionary/commit',formName).then((response2) =>  {

        // })
        this.axios.post(this.lib.config.host.vendorMgt + '/vendormgt/regist/questionary/commit', formName)

          .then((response) => {

          })
          .catch(function (error) {
            console.log(error);
          });
      },
      saveForm(formName, dataTable, dataTable1, dataTable2, dataTable3, dataTable4, dataTable5, dataTable6, dataTable7) {
        debugger;
        let product = JSON.stringify(dataTable);
        let patent = JSON.stringify(dataTable1);
        let vdExploreCapacity = JSON.stringify(dataTable2);
        let supplyHis = JSON.stringify(dataTable3);
        let createEquiment = JSON.stringify(dataTable4);
        let checkEquiment = JSON.stringify(dataTable5);
        let cmpAptitude = JSON.stringify(dataTable6);
        let proAptitude = JSON.stringify(dataTable7);
        formName.productJsonStr = product;
        formName.vdExploreCapacityJsonStr = vdExploreCapacity;
        formName.supplyHisJsonStr = supplyHis;
        formName.createEquimentJsonStr = createEquiment;
        formName.checkEquimentJsonStr = checkEquiment;
        formName.cmpAptitudeJsonStr = cmpAptitude;
        formName.proAptitudeJsonStr = proAptitude;
        formName.patentJsonStr = patent;
        this.axios.post(this.lib.config.host.vendorMgt + '/vendormgt/regist/questionary/save', formName)
          .then((response) => {

          })
          .catch(function (error) {
            console.log(error);
          });
      },

      handleRemove(file, fileList) {
        console.log(file, fileList);
      },
      beforeUpload(file) {
        this.uploadForm.append("bankFile", file);
        return true;
      },
      handlePreview(file) {
        console.log(file);
      },
      handleExceed(files, fileList) {
        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
      },
      beforeRemove(file, fileList) {
        return this.$confirm(`确定移除 ${ file.name }？`);
      },
      beforeAvatarUpload(file) {
        var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1)
        const extension = testmsg === 'xls'
        const extension2 = testmsg === 'xlsx'
        const isLt2M = file.size / 1024 / 1024 < 10
        if (!extension && !extension2) {
          this.$message({
            message: '上传文件只能是 xls、xlsx格式!',
            type: 'warning'
          });
        }
        if (!isLt2M) {
          this.$message({
            message: '上传文件大小不能超过 10MB!',
            type: 'warning'
          });
        }
        return extension || extension2 && isLt2M
      }
    }
  }

</script>
<style scoped>
  table {
    vertical-align: middle;
    text-align: center;
  }

</style>
